<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="../css/scheduledTask/allPlan.css">
    <link rel="stylesheet" href="../css/scheduledTask/allData.css">
    <link rel="stylesheet" href="../css/management/organization.css">
    <link rel="stylesheet" href="../css/baseInfo/administration.css">
    <script src="../js/jquery.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/qs@6.10.1/dist/qs.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="../js/axiosPretreatment.js"></script> 
    <script src="../js/dataCall.js"></script>
</head>

<body>
    <header>
        <nav>
            <h1>渔业资源管理系统</h1>
            <ul>
                <li><a href="../GIS.html">GIS控制台</a></li>
                <li><a href="../scheduledTask/allPlan.html">计划任务管理</a></li>
                <li><a href="../producter/producter.html">生产主体库</a></li>
                <li><a href="../nameManage.html">命名管理</a></li>
                <li><a href="./administration.html">基础信息管理</a></li>
                <li><a href="../management/organization.html">系统管理</a></li>
            </ul>
            <div id="userInfo">
                <img src="" alt="">
                <p>区级信息员:<span>admin</span><i class="iconfont">&#xe600</i></p>
                <ul>
                    <li>个人信息</li>
                    <li>修改头像</li>
                    <li>修改密码</li>
                    <li>切换到种植系统</li>
                    <li>退出</li>
                    <li>清楚系统缓存</li>
                </ul>
            </div>
        </nav>
    </header>

    <main>
        <div class="mainLeftWeaper">
            <div class="mainLeft">
                <p>
                    <a href="./administration.html" class="plan-all iconfont">
                        <i>&#xe61b</i>
                        <span>行政划分</span>
                    </a>
                </p>
                <p class="data-center">
                    <a href="./collectHuman.html" class="plan-all iconfont">
                        <i>&#xe70f</i>
                        <span>采集人员</span>
                    </a>
                </p>
                <p class="data-center">
                    <a href="./dataDictionary.html" class="plan-all iconfont">
                        <i>&#xe638</i>
                        <span>数据字典</span>
                    </a>
                </p>
                <p class="data-center">
                    <a href="./landmanage.html" class="plan-all iconfont">
                        <i>&#xe74c</i>
                        <span>土地类别管理</span>
                    </a>
                </p>
            </div>
        </div>
        <div class="mainRightWeaper">
            <div class="mainRight">
                <p id="top-place-show" class="top">
                    <span>渔业资源管理系统</span>
                    <i>/</i>
                    <span>基础信息管理</span>
                    <i>/</i>
                    <span>行政划分</span>
                </p>
                <div class="tableWeaper">
                    <div class="table-left">
                        <div>
                           
                            <div id="org-place" class="org-place">
                              
                            </div>
                            
                        </div>

                    </div>
                    <div class="table-right">
                        <form action="">
                            <div class="inner">
                                <div>
                                    <span><i>*</i>区域编号</span>
                                    <input id="adm-num" maxlength="12" placeholder="请输入内容" type="text" autocomplete="off">
                                    <span>0/12</span>
                                </div>
                                <div>
                                    <span><i>*</i>区域名称</span>
                                    <input id="adm-name" maxlength="20" placeholder="请输入内容" type="text" autocomplete="off">
                                    <span>0/20</span>
                                </div>
                                <div>
                                    <span>上级区域</span>
                                    <input type="text" autocomplete="off">
                                  
                                </div>
                                <div>
                                    <span>区域等级</span>
                                    <input  placeholder="请选择" type="text" autocomplete="off">
                                   
                       

                              </div>
                              <div class="btnWeaper">
                                  <div>

                                <button class="btn" type="button">新增子分类</button>
                                <button class="btn" type="button">保存</button>
                                <button class="btn" type="button">删除</button>
                            </div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>
        </div>

    </main>
    <script src="../js/public.js"></script>
    <script src="../js/scheduledTask/allData.js"></script>
    <script src="../js/management/organization.js"></script>
    <script src="../js/baseInfo/administration.js"></script>
</body>

</html>